﻿@model FlyingCircusWebIS.ViewModels.VooVM.VooPassageirosVM

@{
    ViewBag.Title = "Passageiros";
}
<div id="outraspg">
    <h1>Ocupação</h1>
    <p><strong>Passageiros do Voo:</strong> @Model.voo.NomeVoo</p>

    <p><strong>Origem:</strong> @Model.voo.AeroportoPartida.Cidade.NomeCidade (@Model.voo.AeroportoPartida.Cidade.UF)<span style="margin-left: 180px;"><strong>Destino:</strong> @Model.voo.AeroportoChegada.Cidade.NomeCidade (@Model.voo.AeroportoChegada.Cidade.UF)</span> </p>
    <p><strong>Decolagem:</strong> @Model.voo.DataPartida.ToString().Split(' ')[1] do dia @Model.voo.DataPartida.ToString().Split(' ')[0] no @Model.voo.AeroportoPartida.NomeAeroporto</p>

    <p><strong>Previsão de pouso:</strong> @Model.voo.DataChegada.ToString().Split(' ')[1] do dia @Model.voo.DataChegada.ToString().Split(' ')[0] no @Model.voo.AeroportoChegada.NomeAeroporto</p>

    <div class="opcaoExportarRelorioOcupacao" data-posicao="pdf" >
        <img src='@Url.Content("~/Imagens/iconePDF.png")'  style="border: none;" alt="Icone PDF" />
        @Html.ActionLink("Gerar relatório em PDF", "GerarRelatorioOcupacao", new { idVoo = Model.IdVoo })
    </div>
    <div class="opcaoExportarRelorioOcupacao">
        <img src='@Url.Content("~/Imagens/iconeExcel.png")' style="border: none;" alt="Icone Excel" />
        @Html.ActionLink("Gerar relatório em Excel", "GerarRelatorioOcupacao", new { idVoo = Model.IdVoo, tipo = "Excel" })
    </div>
    <table class="listagem">
        <tr>
            <th>Assento</th>
            <th>Cliente</th>
            <th>Data da Reserva</th>
            <th>Especial</th>
            <th>Sexo</th>
        </tr>
        @foreach (var reserva in Model.reservas)
        {
            <tr>
                <td>@reserva.NumAssento</td>
                <td>@Html.ActionLink(reserva.PessoaCliente.NomeCompleto, "Gerenciar", "Pessoa", new { id = reserva.PessoaCliente.IdPessoa }, null)</td>
                <td>@reserva.DataVenda</td>
                @if (reserva.PessoaCliente.DescontoEspecial == "S")
                {
                    <td>Sim</td>
                }
                else
                {
                    <td>Não</td>
                }
                <td>@reserva.PessoaCliente.Sexo</td>
            </tr>
        }
    </table>
    <div class="voltar">
        @Html.ActionLink("Voltar", "Index")
    </div>
</div>

@section css 
{
    <style type="text/css">
        .opcaoExportarRelorioOcupacao{
            font-size: 14px;
            float: right;
            margin-top: 20px;
            margin-bottom: 20px;
            
        }
        .opcaoExportarRelorioOcupacao[data-posicao=pdf] {
            margin-left: 20px;
        }
        .opcaoExportarRelorioOcupacao img {
            width: 20px;
            height: 20px;
            vertical-align: middle;
        }
    </style>
}

@section scripts{
    <!-- ActionChange -->
    <script type="text/javascript">
        $(document).ready(function () {
            $(".gerenciar").toggleClass("current");
        });
    </script>
}
